<template>
    <div class="app-container">
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="演练计划列表" name="first"><DrillList ref="drillList" /></el-tab-pane>
            <el-tab-pane label="待审核" name="second"><DrillApprove ref="drillApprove" /></el-tab-pane>
            <el-tab-pane label="待发布" name="third"><DrillPublish ref="drillPublish" /></el-tab-pane>
        </el-tabs>
        <div class="tab-container"></div>
    </div>
</template>
<script>
import DrillList from "./modules/DrillList";
import DrillApprove from "./modules/DrillApprove.vue";
import DrillPublish from "./modules/DrillPublish.vue";
export default {
    name: "DrillPlanIndex",
    components: {
        DrillList,
        DrillApprove,
        DrillPublish,
    },
    data() {
        return {
            activeName: "first",
        };
    },
    methods: {
        handleClick(tab, event) {
            this.activeName = tab.name;
        },
    },
};
</script>
<style lang=""></style>
